<template>
    <div class="PageLayout">
        <div class="">
            <slot name="header"></slot>
        </div>
        <div class="mt-sm flex-grow">
            <slot name="content"></slot>
        </div>
        <div class="mt-sm">
            <slot name="foot"></slot>
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Watch, Vue } from 'vue-property-decorator'

@Component({
  components: {}
})
export default class PageLayout extends Vue {
  mounted() {
    this.reload()
  }

  activated() {}

  reload() {}

}
</script>

<style lang="less" scoped>
    @import (reference) "~@/style/all.less";

    .PageLayout {
    }
</style>